<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>E总管-国籍规划</title>
		<link rel="stylesheet" href="src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="src/swiper/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="public/css/my_style.css" />
		<link rel="stylesheet" href="public/css/header.css" />
		<link rel="stylesheet" href="public/css/footer.css" />
		<link rel="stylesheet" href="src/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="public/picker/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="src/scrool/jquery.mCustomScrollbar.css" />
		<link rel="stylesheet" href="public/css/question/tab_step.css" />
		<link rel="stylesheet" href="css/International_planning.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<m_header :user_info="infos"></m_header>
			<div class="main my_container">
				<!--九种类型-->
				<types type="2"></types>
				<!--右侧内容-->
				<div class="right">
					<!--高端生活-->
					<div class="collection one_type" v-show="children_data.isShow">
						<div class="overflow my_tabs">
							<li class="type text-center cursor" v-bind:class="[{active:type==0}]" @click="showProductLibrary">产品库</li>
							<li class="type text-center cursor" v-bind:class="[{active:type==1}]" @click="showUsers">需求分析</li>
							<button style="width: auto;" v-if="type==1" @click="add_customer" class="btn btn-base" type="button"><i class="fa fa-plus-square"></i> 新建客户数据</button>
						</div>
						<!--内容-->
						<div class="content" >
							<div class="products" v-show="type==0">
								<!--图片集合-->
								<template v-for='(val,i) in modelList'>
									<div class="module">
										<li class="title">{{val.CategoryName}}</li>
										<div class="imgs">
											<div class="one_img cursor"  v-for='(item,index) in val.Countries' >
												<div  @click="show_list(item)">
													<div class="my_flex my_flex_center">
														<img v-bind:src='item.CountryFlag | add_baseUrl'></img>
													</div>
													<div class="my_flex my_flex_center">
														<span>{{item.CountryName}}</span>
													</div>						
												</div>
											</div>
										</div>
									</div>
								</template>
								
								<!--推荐产品-->
								<div class="recommend module">
									<li class="title">推荐产品</li>
									<ul class="list">
										<li class="cursor" @click='go_introduce(item)' v-for="item in recommend_products">
											<span>{{item.ProductName}}</span> <i class="glyphicon glyphicon-menu-right"></i>
										</li>										
									</ul>
								</div>
								
							</div>
							<!--用户列表-->
							
							<div class="posts" v-if="type==1">
								<div class="lists">
									<table class="table  table-striped">
										<tr class="one_list cursor" v-for='(item,index) in users' @click="modify_userinfo(item)">
											<td><span class="index">{{index+1}}</span></td>
											<td><span>{{item.CustomerName}}</span></td>
											<td><span><i class="fa " v-bind:class='[item.Sex ? "fa-male":"fa-female","fa"]'></i> {{item.Age}}岁</span></td>
											<td><span>{{item.Address}}</span></td>
											<td><span>{{item.Career}}</span></td>
										</tr>
										<tr class="text-center no_user" v-if="users.length==0"><td>暂无用户信息</td></tr>
									</table>
								</div>
							</div>
						</div>
					</div>
					
					<!--详情列表-->
					<product_list_detail v-if='product_list_detail_show.value' :item='list_item' :is_show="product_list_detail_show" @go_introduce="go_introduce"></product_list_detail>	
						
					<!--问答-->
					<div class="questions question_step" v-if="!children_data.isShow">
						<!--步骤条-->
						<step_bar :parent_data="children_data"></step_bar>						
						<basic_question v-if='children_data.question_step==1'  :parent_data="children_data"></basic_question>
						<special_question v-if='children_data.question_step==2' :parent_data="children_data"></special_question>
						<!--评估-->						
						<div class="recommend module" v-if='children_data.question_step==3'>
							<!--{{children_data.evaluation_result}}-->
							<ul class="list">
								<template v-for="(value, key, index) in children_data.evaluation_result">
									<template v-for="item in value">
										<div class="text-center" style="font-size: 18px;padding: 10px 0;">
											<span>{{item.ProductCategory.CategoryName}}</span>
										</div>
										<li class="cursor" @click='go_introduce(item_m)'  v-for="item_m in item.Products" >
											<span>{{item_m.ProductName}}</span> <i class="glyphicon glyphicon-menu-right"></i>									
										</li>
									</template>
									
								</template>
							</ul>
							<div class="text-right" style="padding-top: 50px;">
								<button type="button" @click="go_customers_list" class="btn btn-base" style="width: auto;">返回列表</button>
							</div>
						</div>					
					</div>
				</div>
			</div>
			<!--模态框-->
			<m_modal ref="m_modal" :guide_map="guide_map"></m_modal>
			<!--footer-->
			<m_bottom :user_info="globalData.userInfo"></m_bottom>
			<!--loading-->
			<loading></loading>
		</div>
		<script src="src/jquery.js"></script>
		<script src="src/js/jquery.nicescroll.js"></script>
		<script src="src/js/common-scripts.js"></script>
		<script src="src/vue.min.js"></script>
		<script src="public/js/comm.js"></script>
		<script src="src/js/bootstrap.min.js"></script>
		<script src="src/js/bootstrapValidator.min.js"></script>
		<script src="public/picker/bootstrap-datetimepicker.min.js"></script>
		<script src="public/picker/locales/bootstrap-datetimepicker.zh-CN.js"></script>

		<script src="src/swiper/swiper-3.4.2.jquery.min.js"></script>
		<!--滚动条-->
		<script src="src/scrool/jquery.mCustomScrollbar.min.js"></script>
		
		<script src="public/js/header_bottom.js"></script>
		<script src="public/component/question/basic_question.js"></script>
		<!--推荐产品列表-->
		<script src="public/component/high_life/product_list_detail.js"></script> 
		<script src="public/component/question/modal.js"></script>
		<script src="public/component/question/special_question.js"></script>
		<script src="public/component/change_page.js"></script>
		<script src="js/International_planning.js"></script>
	</body>

</html>